<!--数据治理上半部分页面集合-->
<template>
  <!--头信息-->
  <div class="app-container">
    <el-row :gutter="12" class="el-row" >
      <el-col :span="12" class="el-card" style="height: 300px">
        <!--健康分统计--->
        <healthDegree ref="healthDegree" />
      </el-col>
      <el-col :span="12" class="el-card"  style="height: 300px">
        <!--成本概览--->
        <costOverview ref="costOverview"/>
      </el-col>
      <el-col :span="24" class="el-card">
        <messageList ref="messageList"/>
      </el-col>
    </el-row>

  </div>
</template>

<script>
import healthDegree from '@/views/govern/healthDegree'
import costOverview from '@/views/govern/costOverview'
import messageList from '@/views/govern/message'
export default {
  // 注册组件
  components: {
    healthDegree,costOverview,messageList
  },
  data () {
    return {
    }
  },
  methods:{
    refresh(){
      this.$refs.healthDegree.init()
      this.$refs.costOverview.init()
      this.$refs.messageList.init()
    }
  }
}
</script>

